<div id="authoringPerspectiveCarousel" class="carousel slide">
    <div class="carousel-inner">
        <div class="item active">
            <img src="images/authoring_perspective1.png" alt="">

            <div class="carousel-caption">
                <h4>Authoring</h4>

                <p>Modularized and customizable workbench</p>
            </div>
        </div>
        <div class="item">
            <img src="images/authoring_perspective2.png" alt="">

            <div class="carousel-caption">
                <h4>Authoring</h4>

                <p>Explore project hierarchies</p>
            </div>
        </div>
        <div class="item">
            <img src="images/authoring_perspective3.png" alt="">

            <div class="carousel-caption">
                <h4>Authoring</h4>

                <p>Customize your exploring experience - Project View</p>
            </div>
        </div>
        <div class="item">
            <img src="images/authoring_perspective4.png" alt="">

            <div class="carousel-caption">
                <h4>Authoring</h4>

                <p>Customize your exploring experience - Repository View</p>
            </div>
        </div>
        <div class="item">
            <img src="images/authoring_perspective5.png" alt="">

            <div class="carousel-caption">
                <h4>Authoring</h4>

                <p>Multiple Document Interface</p>
            </div>
        </div>
        <div class="item">
            <img src="images/authoring_perspective6.png" alt="">

            <div class="carousel-caption">
                <h4>Authoring</h4>

                <p>Create new projects</p>
            </div>
        </div>
        <div class="item">
            <img src="images/authoring_perspective7.png" alt="">

            <div class="carousel-caption">
                <h4>Authoring</h4>

                <p>Configure project Maven settings.</p>
            </div>
        </div>
        <div class="item">
            <img src="images/authoring_perspective8.png" alt="">

            <div class="carousel-caption">
                <h4>Authoring</h4>

                <p>Configure project Knowledge base information.</p>
            </div>
        </div>
        <div class="item">
            <img src="images/authoring_perspective9.png" alt="">

            <div class="carousel-caption">
                <h4>Authoring</h4>

                <p>Manage project dependencies.</p>
            </div>
        </div>
    </div>
    <a class="left carousel-control" href="#authoringPerspectiveCarousel" data-slide="prev">&lsaquo;</a>
    <a class="right carousel-control" href="#authoringPerspectiveCarousel" data-slide="next">&rsaquo;</a>
</div>
